<template>
  <div class="online-path flex justify-center">
        <q-btn flat round  icon="iconfont icontubiao-44"/>
        <div class="flex" style="padding-top:5px">
              <div v-for="(item, index) in pathBtn"
                    :key="index"
                    @click="onPathTo(item)"
                    class="q-mr-sm check-div text-center">{{item.label}}</div>
      </div>
        <q-btn flat round  icon="iconfont icontubiao-43"/>
  </div>
</template>
<script>
export default {
  name: 'online-path',
  props: {
    pathBtn: Array
  }
}
</script>
<style lang="scss" scoped>
.online-path{
  height: 40px;
  margin: auto;
}
.not-check-div{
  width: 72px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  cursor: pointer;
}
.check-div {
  width: 72px;
  line-height: 30px;
  height: 30px;
  background: #5F77FD;
  border-radius: 6px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 500;
  cursor: pointer;
  color: #FFFFFF
}
</style>
